<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="res/jquery-easyui-1.3.6/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="res/jquery-easyui-1.3.6/themes/icon.css">
<script type="text/javascript" src="res/jquery-easyui-1.3.6/jquery-1.11.1.js"></script>
<script type="text/javascript" src="res/jquery-easyui-1.3.6/jquery.easyui.min.js"></script>
<script type="text/javascript" src="res/jquery-easyui-1.3.6/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="kindeditor/themes/default/default.css" />
<script charset="utf-8" src="kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="kindeditor/lang/zh_CN.js"></script>
<script>
	KindEditor.ready(function(K) {
		window.myKEditor = K.create('textarea[name="content"]', {
			allowFileManager : true
		});
	});

/**对内容进行格式化*/
function formatterId(val, row){
	
}
</script>
<style>
.main{
	padding: 10px;
}
.editDiv{
	width: 700px;
	float: left;
	padding-left: 2px;
}
.titleDiv {
	float: left;
}
.titleDiv input{
	width: 400px;
	height: 20px;
}

.contentList{
	float: left;
	border-right: 1px solid #CCCCCC;
	padding-right: 2px;
}
</style>
</head>
<body>
<div class="main">
	<div class="contentList">
		<div style="width: 800px; overflow: auto;">
			<table id="datagrid" class="easyui-treegrid" style="width: 900px;height:400px"  
		        data-options="url:'loadTree',rownumbers:true, pagination:true, singleSelect:true, idField:'id'">  
			    <thead>  
			        <tr>  
			            <th data-options="field:'text',width:220">文章标题</th>  
			            <th data-options="field:'iconCls',width:50">作者</th>  
			            <th data-options="field:'url',width:80">发布时间</th>  
			            <th data-options="field:'state',width:80">来源名称</th>  
			            <th data-options="field:'parentId',width:150">来源地址</th>  
			            <th data-options="field:'remark',width:50">头条</th>
			            <th data-options="field:'remark',width:50">推荐</th>  
			            <th data-options="field:'remark',width:50">快讯</th>  
			            <th data-options="field:'id',width:120, formatter:formatterId">操作</th>  
			        </tr>  
			    </thead>  
			</table>  
		</div>
	</div>
	<!--
    	作者：jiyasai@nxytys.com
    	时间：2015-03-27
    	描述：进行内容编辑
    -->
	<div class="editDiv">
		<div>
			<div>
				文章类型：<span>货币</span>
				<span style="font-size: 16px; font-weight: bold;">添加&gt;&gt;</span>文章id:<span>1</span>|发布时间:<span>2015-03-37 00:33:33</span>
			</div>
			<div class="titleDiv">
				<ul>
					<li>文章标题：<input type="text" /></li>
					<li>来源名称：<input type="text" /></li>
					<li>来源链接：<input type="text" /></li>
				</ul>
			</div>
			<div>
				<ul>
					<li>是否推荐：<input type="checkbox" /></li>
					<li>是否头条：<input type="checkbox" /></li>
					<li>是否快讯：<input type="checkbox" /></li>
					<li>文章作者：<input type="text" /></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		<div>
			<textarea name="content" style="width:680px;height:400px;visibility:hidden;">KindEditor</textarea>
		</div>
	</div>
	<div class="clear"></div>
</div>
</body>
</html>
